<!--
  Generated template for the AllCommentsPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar>
        <ion-title>所有评论</ion-title>
    </ion-navbar>

</ion-header>

<ion-content padding>
    <ion-card inset *ngFor="let comment of comments">
        <ion-item>
            <ion-avatar item-start [innerHTML]="comment.icon">
            </ion-avatar>
            <h2 style="margin-top:0px;">{{comment.user_name}}</h2>
            <p>
                <ion-icon style="margin-right: 4px" *ngFor="let i of [1,2,3,4,5]" [name]="i <= comment.star ? 'ios-star' : 'ios-star-outline'"> </ion-icon>
            </p>
            <p>{{comment.created_at}}</p>
        </ion-item>
        <ion-card-content>
            <div>{{comment.content}}</div>
        </ion-card-content>
    </ion-card>
</ion-content>